<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>{% block title %}个人信息- 慕学在线网{% endblock %}</title>
  <link rel="stylesheet" href="{% static 'css/reset.css' %}">
  <link rel="stylesheet" href="{% static 'css/animate.css' %}">
  <link rel="stylesheet" href="{% static 'css/style.css' %}">
  <link rel="stylesheet" href="{% static 'js/plugins/queryCity/css/cityLayout.css' %}">

  <link rel="stylesheet" href="{% static 'css/lq.datetimepick.css' %}"/>

  {% block custom_css %}
  {% endblock %}
  <script src="{% static 'js/jquery.min.js' %}"></script>
  <script src="{% static 'js/jquery-migrate-1.2.1.min.js' %}"></script>

</head>
<body>
<section class="headerwrap headerwrap2">
  <header>
    <div class=" header header2">
      <div class="top">
        <div class="wp">
          <div class="fl"><p>服务电话：<b>33333333</b></p></div>
          <!--登录后跳转-->
          {% if request.user.is_authenticated %}
            <div class="personal">
              <dl class="user fr">
                <dd>{{ request.user.nick_name }}<img class="down fr" src="{% static 'images/top_down.png' %}"/></dd>
                <dt><img width="20" height="20" src="{% if request.user.image %}{{ request.user.image.url }}{% endif %}"/></dt>
              </dl>
              <div class="userdetail">
                <dl>
                  <dt><img width="80" height="80" src="{% if request.user.image %}{{ request.user.image.url }}{% endif %}" /></dt>
                  <dd>
                    <h2>{{ request.user.nick_name }}</h2>
                    <p>{{ request.user.username }}</p>
                  </dd>
                </dl>
                <div class="btn">
                  <a class="personcenter fl" href="{% url 'user:usercenter' %}">进入个人中心</a>
                  <a class="fr" href="{% url 'user:logout' %}">退出</a>
                </div>
              </div>
            </div>
            <a href="{% url 'user:my_message' %}">
              <div class="msg-num">
                <span id="MsgNum">{{ request.user.get_unread_nums }}</span>
              </div>
            </a>
          {% else %}
            <a style="color:white" class="fr registerbtn" href="{% url 'user:register' %}">注册</a>
            <a style="color:white" class="fr loginbtn" href="{% url 'user:login' %}">登录</a>
          {% endif %}

        </div>
      </div>

      <div class="middle">
        <div class="wp">
          <a href="{% url 'index' %}"><img class="fl" src="{% static 'images/logo.jpg' %}"/></a>
          <div class="searchbox fr">
            <div class="selectContainer fl">
                            <span class="selectOption" id="jsSelectOption" data-value="course">
                                公开课
                            </span>
              <ul class="selectMenu" id="jsSelectMenu">
                <li data-value="course">公开课</li>
                <li data-value="org">课程机构</li>
                <li data-value="teacher">授课老师</li>
              </ul>
            </div>
            <input id="search_keywords" class="fl" type="text" value="" placeholder="请输入搜索内容"/>
            <img class="search_btn fr" id="jsSearchBtn" src="{% static 'images/search_btn.png' %}"/>
          </div>
        </div>
      </div>


      <nav>
        <div class="nav">
          <div class="wp">
            <ul>
              <li class="{% ifequal request.path '/' %}active{% endifequal %}"><a href="{% url 'index' %}">首页</a></li>
              <li class="{% ifequal request.path|slice:'7' '/course' %}active{% endifequal %}">
                <a href="">
                  公开课<img class="hot" src="{% static 'images/nav_hot.png' %}">
                </a>
              </li>
              <li class="{% ifequal request.path|slice:'17' '/org/teacher/list' %}active{% endifequal %}">
                <a href="">授课教师</a>
              </li>
              <li class="{% ifequal request.path|slice:'9' '/org/list' %}active{% endifequal %}"><a href="">授课机构</a></li>
            </ul>
          </div>
        </div>
      </nav>

    </div>
  </header>
</section>


<!--crumbs start-->
{% block custom_bread %}
<section>
  <div class="wp">
    <ul class="crumbs">
      <li><a href="{% url 'index' %}">首页</a>></li>
      <li><a href="{% url 'user:usercenter' %}">个人中心</a>></li>
      <li>个人信息</li>
    </ul>
  </div>
</section>
{% endblock %}

<section>
  <div class="wp list personal_list">
    <div class="left">
      <ul>
          {% block active2 %}
          <li class="active2"><a href="{% url 'user:usercenter' %}">个人资料</a></li>
          <li><a href="{% url 'user:my_course' %}">我的课程</a></li>
          <li><a href="{% url 'user:my_fav' %}">我的收藏</a></li>
        <li>
            <a href="{% url 'user:my_message' %}" style="position: relative;">
            我的消息
          </a>
        </li>
        {% endblock %}
      </ul>
    </div>

    {% block right_content %}
    {% endblock %}
      <div class="dialog" id="jsDialog">
          <div class="successbox dialogbox" id="jsSuccessTips">
              <h1>成功提交</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <div class="cont">
                  <h2>您的需求提交成功！</h2>
                  <p></p>
              </div>
          </div>
          <!--提示弹出框-->
          <div class="bidtips dialogbox promptbox" id="jsComfirmDialig">
              <h1>确认提交</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <div class="cont">
                  <h2>您确认提交吗？</h2>
                  <dd class="autoTxtCount">
                      <div class="button">
                          <input type="button" class="fl half-btn" value="确定" id="jsComfirmBtn"/>
                          <span class="fr half-btn jsCloseDialog">取消</span>
                      </div>
                  </dd>
              </div>
          </div>
          <div class="resetpwdbox dialogbox" id="jsResetDialog">
              <h1>修改密码</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <div class="cont">
                  <form id="jsResetPwdForm" autocomplete="off">
                      <div class="box">
                          <span class="word2" >新&nbsp;&nbsp;密&nbsp;&nbsp;码</span>
                          <input type="password" id="pwd" name="password1" placeholder="6-20位非中文字符"/>
                      </div>
                      <div class="box">
                          <span class="word2" >确定密码</span>
                          <input type="password" id="repwd" name="password2" placeholder="6-20位非中文字符"/>
                      </div>
                      <div class="error btns" id="jsResetPwdTips"></div>
                      <div class="button">
                          <input id="jsResetPwdBtn" type="button" value="提交" />
                      </div>
                      <input type='hidden' name='csrfmiddlewaretoken' value='DaP7IUKm9FA9nELA9YUlYYWpyIDdCiIP' />
                  {% csrf_token %}
                  </form>
              </div>
          </div>
          <div class="dialogbox changeemai1 changephone" id="jsChangeEmailDialog">
              <h1>修改邮箱</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <p>请输入新的邮箱地址</p>
              <form id="jsChangeEmailForm" autocomplete="off">
                  <div class="box">
                      <input class="fl change_email" name="email" id="jsChangeEmail" type="text" placeholder="输入重新绑定的邮箱地址">
                  </div>
                  <div class="box">
                      <input class="fl email_code" type="text" id="jsChangeEmailCode" name="code" placeholder="输入邮箱验证码">
                      <input class="getcode getting" type="button" id="jsChangeEmailCodeBtn" value="获取验证码">
                  </div>
                  <div class="error btns change_email_tips" id="jsChangeEmailTips" >请输入...</div>
                  <div class="button">
                      <input class="changeemai_btn" id="jsChangeEmailBtn" type="button" value="完成"/>
                  </div>
                  <input type='hidden' name='csrfmiddlewaretoken' value='DaP7IUKm9FA9nELA9YUlYYWpyIDdCiIP' />
              {% csrf_token %}
              </form>
          </div>

          <div  class="noactivebox dialogbox" id="jsUnactiveForm" >
              <h1>邮件验证提示</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <div class="center">
                  <img src="/static/images/send.png"/>
                  <p>我们已经向您的邮箱<span class="green" id="jsEmailToActive">12@13.com</span>发送了邮件，<br/>为保证您的账号安全，请及时验证邮箱</p>
                  <p class="a"><a class="btn" id="jsGoToEmail" target="_blank" href="http://mail.qq.com">去邮箱验证</a></p>
                  <p class="zy_success upmove"></p>
                  <p style="display: none;" class="sendE2">没收到，您可以查看您的垃圾邮件和被过滤邮件，也可以再次发送验证邮件（<span class="c5c">60s</span>）</p>
                  <p class="sendE">没收到，您可以查看您的垃圾邮件和被过滤邮件，<br/>也可以<span class="c5c green" id="jsSenEmailAgin" style="cursor: pointer;">再次发送验证邮件</span></p>
              </div>
          </div>
          <div class="resetpassbox dialogbox" id="jsSetNewPwd">
              <h1>重新设置密码</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <p class="green">请输入新密码</p>
              <form id="jsSetNewPwdForm">
                  <div class="box">
                      <span class="word2">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</span>
                      <input type="password" name="password" id="jsResetPwd" placeholder="请输入新密码"/>
                  </div>
                  <div class="box">
                      <span class="word2">确&nbsp;认&nbsp;密&nbsp;码</span>
                      <input type="password" name="password2" id="jsResetPwd2" placeholder="请再次输入新密码"/>
                  </div>
                  <div class="box">
                      <span class="word2">验&nbsp;&nbsp;证&nbsp;&nbsp;码</span>
                      <input type="text" name="code" id="jsResetCode" placeholder="请输入手机验证码"/>
                  </div>
                  <div class="error btns" id="jsSetNewPwdTips"></div>
                  <div class="button">
                      <input type="hidden" name="mobile" id="jsInpResetMobil" />
                      <input id="jsSetNewPwdBtn" type="button" value="提交" />
                  </div>
                  <input type='hidden' name='csrfmiddlewaretoken' value='DaP7IUKm9FA9nELA9YUlYYWpyIDdCiIP' />
              </form>
          </div>
          <div class="forgetbox dialogbox">
              <h1>忘记密码</h1>
              <div class="close jsCloseDialog"><img src="/static/images/dig_close.png"/></div>
              <div class="cont">
                  <form id="jsFindPwdForm" autocomplete="off">
                      <input type='hidden' name='csrfmiddlewaretoken' value='DaP7IUKm9FA9nELA9YUlYYWpyIDdCiIP' />
                      <div class="box">
                          <span class="word2" >账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>
                          <input type="text" id="account" name="account" placeholder="手机/邮箱"/>
                      </div>
                      <div class="box">
                          <span class="word3">验证码</span>
                          <input autocomplete="off" class="form-control-captcha find-password-captcha" id="find-password-captcha_1" name="captcha_f_1" placeholder="请输入验证码" type="text" /> <input class="form-control-captcha find-password-captcha" id="find-password-captcha_0" name="captcha_f_0" placeholder="请输入验证码" type="hidden" value="5f3c00e47fb1be12d2fd15b9a860711597721b3f" /> &nbsp;<img src="/captcha/image/5f3c00e47fb1be12d2fd15b9a860711597721b3f/" alt="captcha" class="captcha" />
                      </div>
                      <div class="error btns" id="jsForgetTips"></div><!--忘记密码错误-->
                      <div class="button">
                          <input type="hidden" name="sms_type" value="1">
                          <input id="jsFindPwdBtn" type="button" value="提交" />
                      </div>
                  </form>
              </div>
          </div>
      </div>
      <div class="bg" id="dialogBg"></div>
  </div>
</section>

<script src="{% static 'js/selectUi.js' %}" type='text/javascript'></script>
<script src="{% static 'js/plugins/laydate/laydate.js' %}"></script>
<script src="{% static 'js/plugins/layer/layer.js' %}"></script>
<script src="{% static 'js/plugins/queryCity/js/public.js' %}"></script>
<script src="{% static 'js/unslider.js' %}"></script>
<script src="{% static 'js/plugins/jquery.scrollLoading.js' %}"></script>
<script src="{% static 'js/validateDialog.js' %}"></script>
<script src="{% static 'js/deco-common.js' %}"></script>

<script src="{% static 'js/plugins/jquery.upload.js' %}" type='text/javascript'></script>
<script src="{% static 'js/validate.js' %}"></script>
<script src="{% static 'js/deco-user.js' %}"></script>

{% block custom_js %}
{% endblock %}

<script>
  // 课程取消收藏
  $('.jsDeleteFav_course').on('click', function () {
    var _this = $(this),
      favid = _this.attr('data-favid');
    $.ajax({
      cache: false,
      type: "POST",
      url: "",
      data: {
        fav_type: 1,
        fav_id: favid,
        csrfmiddlewaretoken: "{{ csrf_token }}",
      },
      async: true,
      success: function (data) {
        Dml.fun.winReload();
      }
    });
  });
  $('.jsDeleteFav_teacher').on('click', function () {
    var _this = $(this),
      favid = _this.attr('data-favid');
    $.ajax({
      cache: false,
      type: "POST",
      url: "",
      data: {
        fav_type: 3,
        fav_id: favid,
        csrfmiddlewaretoken: "{{ csrf_token }}",
      },
      async: true,
      success: function (data) {
        Dml.fun.winReload();
      }
    });
  });
  $('.jsDeleteFav_org').on('click', function () {
    var _this = $(this),
      favid = _this.attr('data-favid');
    $.ajax({
      cache: false,
      type: "POST",
      url: "",
      data: {
        fav_type: 2,
        fav_id: favid,
        csrfmiddlewaretoken: "{{ csrf_token }}",
      },
      async: true,
      success: function (data) {
        Dml.fun.winReload();
      }
    });
  });
</script>


<script>
  var shareUrl = '',
    shareText = '',
    shareDesc = '',
    shareComment = '';
  $(function () {
    $(".bdsharebuttonbox a").mouseover(function () {
      var type = $(this).attr('data-cmd'),
        $parent = $(this).parent('.bdsharebuttonbox'),
        fxurl = $parent.attr('data-url'),
        fxtext = $parent.attr('data-text'),
        fxdesc = $parent.attr('data-desc'),
        fxcomment = $parent.attr('data-comment');
      switch (type) {
        case 'tsina':
        case 'tqq':
        case 'renren':
          shareUrl = fxurl;
          shareText = fxdesc;
          shareDesc = '';
          shareComment = '';
          break;
        default :
          shareUrl = fxurl;
          shareText = fxtext;
          shareDesc = fxdesc;
          shareComment = fxcomment;
          break;
      }
    });
  });
  function SetShareUrl(cmd, config) {
    if (shareUrl) {
      config.bdUrl = "" + shareUrl;
    }
    if (shareText) {
      config.bdText = shareText;
    }
    if (shareDesc) {
      config.bdDesc = shareDesc;
    }
    if (shareComment) {
      config.bdComment = shareComment;
    }
    return config;
  }
  window._bd_share_config = {
    "common": {
      "onBeforeClick": SetShareUrl,
      "bdPic": "",
      "bdMini": "2",
      "searchPic": "1",
      "bdMiniList": false
    },
    "share": {
      "bdSize": "16"
    }
  };
  with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com{% static '' %}api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</body>
</html>
